<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*优先级排序：继承< 通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内式 < important*/
        body {
            color: red;
        }
        /*!important 不要给继承的加，自己有不会引用父级*/
        div {
            color: blue !important;
        }

        .divClass {
            color: green;
        }

        #div {
            color: orange;
        }
    </style>
</head>
<body>
<!--意义：当一个标签使用多个选择器，样式冲突的时候，到底谁能生效-->
<div class="divClass" id="div" style="color: #cccccc">测试优先级</div>
</body>
</html>